<!DOCTYPE html>
<html>
<head>
	<title>年度照片</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>

</head>
<style type="text/css">
     body{
     	margin: 0;
     	padding: 0;
     	text-align: center;
     }
     /*好友查看图片*/
	 .layout{
	 	background: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1515045418086&di=8bf79213e84bf79c784a8484d004def4&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201308%2F07%2F20130807002041_vGCW3.jpeg");
	 }
	 .spa1{
	 	font-weight:900;
	 	font-size: 25px;
	 }
	 .imagebox{
	 	margin-top: 10px;
	 	width: 295px;
	 	height: 400px;
	 	border: 5px solid white;
	 	background: white;
	 	margin: 0 auto;
	 }
	 .img1{
	 	width: 275px;
	 	height: 355px;
	 }
     /*好友支付*/
     .layout1{
        width: 100%;
        height: 3500px;
        margin: 0 auto;
        /*background: url("http://pics.sc.chinaz.com/files/pic/pic9/201712/zzpic9200.jpg");*/
        padding: 0px;
     }
     .spa2{
     	font-weight: 600;
     	font-size: 19px;
     	margin: 50px 50px;
     }
     .spa3{
     	color:;
     	font-size: 14px;
     	margin: 50px 50px;
     }
     .img2{
     	margin: 15px;
     	width: 50px;
     	height: 50px;
     	/*border-radius: 50px;
     	background: yellow;*/
     	border:0 solid black;
     }
     .nicheck{
     	 margin: 0px;
     	 width: 300px;
     	 height: 50px;
         position: absolute;
         top: 0px;
         /*float: left;*/
     }
     /*生成自己照片*/
     a{
     	width: 100%;
     	height: 40px;
     	background: #00ccff;
     	color: white;
     	font-size: 21px;
     	font-weight: 600;
     	border:0 solid #00ccff;
     	border-radius: 5px;
        left:0px;
        text-decoration: none;
        line-height: 40px;
     }
     .headimg{
        width: 50px;
        height: 50px;
        border-radius: 50px;
        z-index: 1;
        left: 20px;
     }
     .spa4{
        font-size: 5px;
     }
</style>
<body>	
     <div class="layout"> 
      <!-- /*好友支付*/ -->
      <!--  /*好友查看图片*/ -->
     <div class="layout1">
        <span class="spa1">我在你心里值几毛钱</span>
              <div class="imagebox">
                 <img  class="img1" src="<?php echo $data['image']?>"></br>
                 <span>好友一共送出了<?php echo $data['money']?>元红包</span></br>
              </div>
        <a href="http://tt.t.vipds.cn/jssdk?gid=<?php echo $_SESSION['id'];?>">生成自己的年度照片</a></br>
        <!--URL中带着oid和token跳转到jssdk页面 -->
     	<span class="spa2">好友感情检测榜</span></br>
     	<span class="spa3">谈了这么久感情  该谈钱了</span>
        <div style="border-bottom: 2px solid yellow"></div>
     	<div style="position: relative;"> 	  	
	     	  	<div class="nicheck">
	     	  		<span style="font-size: 12px;"></span></br>
                    <?php  foreach($data['data'] as $key=>$value){?> 
                             <div>  
                                   <img class="headimg" src="<?php echo str_replace('/0','/46',$value['headimgurl']);?>">
                                   <div><?php echo $value['nickname']?></div>
                                   <?php if($value['isgive'] == 1){?>
        	     	  	                 <span class="spa4" style="font-size: 15px;">愿意支付<?php echo $value['gmoney']?>元</span>
                                         <div style="border-bottom: 2px solid yellow;margin-top: 20px;"></div>
                                   <?php }else if($value['isgive'] == 0){?>
                                         <sapn class="spa4" style="font-size: 15px;">不愿意支付<?php echo $value['gmoney']?>元</span>
                                         <div style="border-bottom: 2px solid yellow;margin-top: 20px;"></div>
                                   <?php }?>
                             </div>
                    <?php }?>
                </div>
     	</div>  	  
     </div>
  </div>        
</body>
</html>